<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="Styles/main.css" media="all" />
    <link rel="stylesheet" type="text/css" href="Styles/prettyPhoto.css" media="all" />
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript" language=""></script>
    <script src="Scripts/abay.js" type="text/javascript" language=""></script>
    <script src="Scripts/jquery.prettyPhoto.js" type="text/javascript" language=""></script>
    
    <style type="text/css">
        #divPriceCalendar {
            background:#eef7fb; float: left;
            padding: 9px; width: 640px;
            border: 1px solid #ddedf5;
        }
        #divPriceCalendar .close-dialog { clear: both; float: left; width: 100%;}
        #divPriceCalendar .close-dialog a {
             font-weight: bold; padding: 2px 5px;
            background: #fff; float: right;  line-height: 14px;
            border: 1px solid #d4d4d4; color: #aaa;
        }
        #divPriceCalendar .close-dialog a:hover {
            background: #DDEDF5; color: #333;
            border: 1px solid #333;
        }
        #divPriceCalendar .title { padding: 2px 0 10px 5px ; 
                float: left; width: 620px; line-height: 20px;
                color: #000;  font-size: 14px;
        }
        #divPriceCalendar .title b {  font-size: 14px;}
        #divPriceCalendar .footer-calendar {  float: left; width: 640px;  margin-top: 10px;}
        #divPriceCalendar .footer-calendar a { color: #333; background: #DDEDF5; padding: 5px 10px; font-size: 14px; font-weight: bold;}
        #divPriceCalendar .footer-calendar a:hover { color: #345f89; background:#fff;}
        #divPriceCalendar .calendar table { clear: left; border-right: 1px solid #ddedf5; border-top: 1px solid #ddedf5;  }
#divPriceCalendar .calendar table body {border-right: 1px solid #ddedf5; border-top: 1px solid #ddedf5;}
#divPriceCalendar .calendar th { padding-bottom: 10px; color: #336699; padding-top: 7px; border-bottom: 1px solid #ddedf5;
              border-left: 1px solid #ddedf5; font-size: 14px; text-align: center; background:#eef7fb;}
#divPriceCalendar .calendar a {
        border: none;
        border-bottom: 1px solid #ddedf5; margin:0;
              border-left: 1px solid #ddedf5; padding: 2px 0 ;
              text-align: center; line-height: 20px;
             /* height: 20px; */ height: 40px; width: 90px;
             /* width: 23px; */ color: #1e9ac7; float: left;
            font-size: 14px;
}
#divPriceCalendar .calendar a span { color:#333; font-size: 12px;}

#divPriceCalendar .calendar a.select span { color: #fff; font-weight: normal;}
#divPriceCalendar .calendar a:hover { background:#eef7fb;}
#divPriceCalendar .calendar a.thang-truoc {  color: #d4d4d4;}
#divPriceCalendar .calendar a.ngay-hien-tai { background:#f5f5f5;}
    </style>
    
  </head>
  <body>

<span class="price-calendar"><a  href="calendar.html?ajax=true&amp;width=660&amp;height=395" rel="priceCalendar">Xem Lich Gia</a>
</span>
     <script type="text/javascript" charset="utf-8">
			$(document).ready(function(){
				$(".price-calendar a[rel^='priceCalendar']").prettyPhoto({
                                    animation_speed:'normal',
                                    theme:'pp_default',
                                    opacity: 0.8
                                });
			});
    </script>
      
  </body>
</html>

